import React, { PureComponent } from 'react'

import { View, StyleSheet, Image, Text } from 'react-native'

class Empty extends PureComponent {
  render() {
    return (
      <View style={[styles.container]}>
        <Image
          source={require('./src/empty.png')}
          style={{ width: 120, height: 120 }}
          resizeMode="contain"
        />

        <Text style={{ fontSize: 16, color: '#9b9b9b', marginTop: 10 }}>
          {this.props.titleStr}
        </Text>
      </View>
    )
  }
}

const styles = StyleSheet.create({
  container: {
    width: screenWidth,
    height: screenHeight - 65 - header_Height,
    alignItems: 'center',
    justifyContent: 'center'
  }
})

export { Empty }
